{/* LAYOUT模板 */}
	<layout name="layout"/>
{/* LAYOUT模板 */}
{/* import Js,Css */}	
	<css href="__PUBLIC__/css/jquery-ui.css" />
	<js href="__PUBLIC__/js/core/jquery-ui.1.10.4.js" />
	<!-- [图片轮播] -->
	<css href="__PUBLIC__/plugs/skippr/css/style.css" />
	<css href="__PUBLIC__/plugs/skippr/css/jquery.skippr.css" />
	<js href="__PUBLIC__/plugs/skippr/js/jquery.skippr.js" />	
{/* import js,css */}

<style>
.service_intro {background:url('__THEMES__/images/bg_services.jpg') top center no-repeat; height:299px;}
/*关于音伴尔:左边栏*/
.Lbanner{font: 14px/1.5 "微软雅黑","Hiragino Sans GB",sans-serif;color: #8c8c8c; /*border: 1px solid #dfdfdf;*/ width:20%; background:#FAFAFA;}
.Lbanner h3{height: 42px;line-height: 42px; width:180px;margin:5px auto ; border-bottom:1px solid #DFDFDF;padding: 0px 0px 10px 0px;color: #010101;font-size:20px;font-family:'微软雅黑';font-weight:bold;}h3{display: block;}
.intro_nav_list ul{list-style:none;}.intro_nav_list li{height: 42px;padding: 0 0 0 25px;line-height: 42px;}.intro_nav_list li a{display: block;line-height: 42px;color: #333;font-size:15px;font-family:'微软雅黑';}.intro_nav_list li.current{border-left: 4px solid #ff4900;background: #fafafa;}
.Lbanner .intro_nav_list a {text-decoration:none;}
/*关于音伴尔:右边栏*/
.Rbanner{width: 78%;border: 1px solid #dfdfdf;margin-left: 10px;}.Rbanner .intro_content_wrap{padding: 20px;}.intro_content_wrap{color: #8c8c8c;}.intro_content_wrap .about_index_box{margin: 10px 0;border-top: 1px dotted #ededed;}.about_index_box h3{height: 42px;line-height: 42px;padding: 0 0 0 25px;color: #000;font-size: 18px;font-family: '微软雅黑';font-weight: bold;}
</style>

<div class="mcontent mp20" style="min-height:600px; height:auto; margin-bottom:50px;">	
	<!--售后服务:左边栏-->
	<div class="firm_intro w_1200 mauto">
		<div class="Lbanner fl">			
			<dl class="intro_list">
				<dt class="item1">
					<h3 class="title">
						售后服务
						<b class="open" style="display:inline-block;float:right;margin-top:15px;cursor:pointer;color:red;" status="open" to="item1">收起</b>
						<script>
						$(document).ready(function(){
							$('.intro_list').find('b.open').each(function(){
								var _this = $(this);
								$(this).bind('click',function(){
									var status = $(this).attr('status');
									var to = $(this).attr('to');
									if(status == 'open'){
										$('.' + to).find('div.intro_nav_list').slideUp(1000);
										$(this).attr('status','close');
										$(this).text('展开');
									}
									else{
										$('.' + to).find('div.intro_nav_list').slideDown(1000);
										$(this).attr('status','open');
										$(this).text('收起');
									}
								});
							});
						});
						/*
						$('.open').click(function(){
							$('.item1').find('div.intro_nav_list').hide();
						});*/
						</script>
					</h3>
					<div class="intro_nav_list">
						<ul>
							<volist name="service_list" id="service">
								<li <if condition="$service['article_id'] eq '43'">class="current"</if> >
									<a href="__URL__/#{$service.article_id}">{$service.title}</a>
								</li>
							</volist>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
						</ul>
					</div>
				</dt>
				<dt class="item2">					
					<h3 class="title">
						售后服务
						<b class="open" style="display:inline-block;float:right;margin-top:15px;cursor:pointer;color:red;" status="open" to="item2">收起</b>
					</h3>
					<div class="intro_nav_list" style="min-height:200px;">
						<ul>
							<volist name="service_list" id="service">
								<li <if condition="$service['article_id'] eq '43'">class="current"</if> >
									<a href="__URL__/#{$service.article_id}">{$service.title}</a>
								</li>
							</volist>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
						</ul>
					</div>
				</dt>
				<dt class="item3">					
					<h3 class="title">
						售后服务
						<b class="open" style="display:inline-block;float:right;margin-top:15px;cursor:pointer;color:red;" status="open" to="item3">收起</b>
					</h3>
					<div class="intro_nav_list" style="min-height:200px;">
						<ul>
							<volist name="service_list" id="service">
								<li <if condition="$service['article_id'] eq '43'">class="current"</if> >
									<a href="__URL__/#{$service.article_id}">{$service.title}</a>
								</li>
							</volist>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
							<li>
								<a href="__URL__/#{$service.article_id}">退款方式</a>
							</li>
						</ul>
					</div>
				</dt>
			</dl>
		</div>
		<!--售后服务:左边栏-->
		
		<!--售后服务:右边栏-->
		<div class="Rbanner fl">
			<div class="title-wrap" style="text-align:center; border-bottom:1px solid #e0e0e0;height:55px;font-size:20px;font-weight:bolder;line-height:50px;">
				公司文化
			</div>
			<div class="intro_content_wrap">
				<!--正文内容-->
				<if condition="$content neq ''">
					{$content}
				<else/>
					暂无内容
				</if>
				<!--正文内容-->
			</div>
		</div>
		<!--售后服务:右边栏-->
		<div style="clear:both;"></div>
	</div>
</div>

<!--# js请求内容 #-->
<script>
	//切换选项
	$('.intro_nav_list').find('li').bind('click',function(){
		var _this 		=	$(this);
		$('.intro_nav_list').find('li').each(function(){
			$(this).removeClass('current');
		});
		_this.addClass('current');
		var str_array	=	 window.location.href.split('#');
		//if(str_array[1] == 'undefined') str = '';
		/* 内容 */ 
		$.ajax({
			url:'__URL__/ajax_article',
			type:'post',
			dataType:'json',
			data:{id:str_array[1]},
			beforeSend:function(){
				
			},
			success:function(msg){
				//alert(msg)
				$('.intro_content_wrap').html('').html(msg.info.content);
			}
		});
	});
</script>










